@import (reference) '../../../app/css/variables.less';
@import (reference) '../../../app/css/mixins.less';
/* Add custom styles here. Any properties involving colors
   should considering using values from the variables.less file.
   All dash variables are prefixed with @dash.

   Widget styles should only consume variables from dash and never
   set a dash or bootstrap variables. This allows the theme to maintain
   control of overall styles
*/
.feature-view {
  .sprintDaysTilEnd {
    font-size: 1.5rem;
    float: right;
  }
  .story-summary-count {
    border-bottom: 1px solid @dash-divider;
    font-size: 4rem;
    margin-bottom: 0.5rem;
    text-align: center;
  }
  .story-summary-type {
    .text-standard;
    text-align: center;
  }
  .story-open {
    color: @dash-chart-alt-fill;
  }
  .story-wip {
    color: @dash-status-warn;
  }
  .story-done {
    color: @dash-status-pass;
  }

  .issue-done {
    text-decoration: line-through;
  }
  
  .feature-link {
    a {
        color: @dash-dashboard-text;
        &:hover {
            color: @dash-dashboard-text-hover;
        }
    }
  }
	// Handles Feature Widget agile view transition switching
  .animate-show.ng-hide-remove {
    animation-name: example;
    animation-duration: 0.9s;
  }
  @keyframes example {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }
}
